<!DOCTYPE html>
<html lang="en">
<style>
    .inline-center {
    text-align: center; /* 子元素内联内容居中 */
  }
  .inline-center form {
    display: inline-block; /* 表单保持原有宽度 */
    padding: 20px;
    border: 1px solid #ddd;
  }
    .butu {
    width: 550px;
      height: 60px;/* 固定宽度 */
    margin: 0 auto;        /* 水平居中 */
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
  }
    .photo{
        /*width: auto;*/
        /*height: auto;*/
        margin: 0 auto;        /* 水平居中 */
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    }
</style>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<form class="inline-center" action="/" method="get">
    <img class="photo" src="{{ url_for('static', filename='images/' + image_file) }}" alt="动态图片">
    <p><input class="butu" type="submit" value="重新生成"></p>
</form>
</body>
</html>